/**
 * https://github.com/blackgate/bg-splitter
 * MIT License
 */

.split-panes {
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
}

.split-panes > .split-handler {
  background: transparent;
  position: absolute;
  z-index: 999;
}

/* Horizontal */ 

.split-panes.horizontal > .split-handler {
  width: 4px;
  top: 0px; 
  left: 50%;
  bottom: 0px;
  cursor: ew-resize;
}

.split-panes.horizontal > .split-pane1,
.split-panes.horizontal > .split-pane2 {
  position: absolute;
  height: 100%;
}

.split-panes.horizontal > .split-pane1 {
  width: 50%;
}

.split-panes.horizontal > .split-pane2 {
  left: 50%;
  right: 0px;
  border-left: 1px solid #aaa;
}


/* Vertical */

.split-panes.vertical > .split-handler {
  height: 4px;
  top: 60%;
  left: 0px;
  right: 0px;
  cursor: ns-resize;
}

.split-panes.vertical > .split-pane1,
.split-panes.vertical > .split-pane2 {
  position: absolute;
  width: 100%;
}

.split-panes.vertical > .split-pane1 {
  height: 60%;
}

.split-panes.vertical > .split-pane2 {
  top: 60%;
  bottom: 0px;
  border-top: 1px solid #aaa;
}